import { createApp } from 'vue'
import './style.css'
import App from './App.vue'

createApp(App).mount('#app')

//1. 字面量类型
//  第一个西蓝花炒蛋这个是作为类型存在的
const   food:'西蓝花炒蛋'='西蓝花炒蛋'

 //  字面量类型 和 const 一起使用  会自动生成相对应的字面量类型
 const info='感觉自己萌萌哒'
 

 //2. 字面量类型+联合类型
 //效果和枚举想类似
 type  ForwordType='东'|'南'|'西'|'北'
 let forward:ForwordType='南'


 //3  any 类型
 //不会做类型的校验,可以设置任何的类型
 //后续使用,没有提示
    
 let person:any
 person ='jack'
 person =123
 person ={
    name :'张三',
    age:'16'
 } 
 console.log(person.age)  //16


 //内置类型
 const strs = ['a', 'b', 'c']
// 鼠标放在 forEach 上查看类型
strs.forEach

 //第三方组件 axios

import axios from 'axios'
 axios.create({
    baseURL:'xxx',
    timeout:3000
 })

 //自己写的类型
 import  {Person}  from './types/data'
 const p: Person = {
    id: 100,
    name: 'jack',
    age: 19
  }
  console .log(p.age)    //19


  //给JS文件提供类型
import {add} from './utils/index'
const  res =add(1,11)
console.log(res);

